<div class="pub-body">
    <!-- 操作记录筛选 -->
    <div class="filterList">
        <el-form ref="conditionFrom" :model="conditionFrom" label-width="70px">
            <el-row :gutter="15">
                <el-col :span="6">
                    <el-form-item prop="projectId" label="项目ID">
                        <el-input style="width: 250px;" placeholder="请输入项目id" v-model="conditionFrom.projectId"></el-input>
                    </el-form-item>

                </el-col>
                <el-col :span="6">
                    <el-form-item prop="project" label="项目名称">
                        <el-input style="width: 250px;" placeholder="请输入项目名称" v-model="conditionFrom.project"></el-input>
                    </el-form-item>

                </el-col>
                <el-col :span="6"><el-button type="primary" @click="searchData">查询</el-button></el-col>
            </el-row>
        </el-form>
    </div>

    <!-- 资产列表 -->
    <div class="project">
        <el-table :data="assetData" border style="width: 100%" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
            <el-table-column prop="status" label="项目状态"  width="80">
                <template slot-scope="scope">
                    <el-button size='small' :type="scope.row.status ==='1' ? 'danger' : 'success'"   circle></el-button>
                </template>
            </el-table-column>
            <el-table-column prop="contractNo" label="项目ID"  ></el-table-column>
            <el-table-column prop="assetName" label="项目名称"></el-table-column>
            <el-table-column prop="assetType" label="项目类型" ></el-table-column>
            <el-table-column prop="startTime" label="计划开始时间" ></el-table-column>
            <el-table-column prop="endTime" label="计划结束时间"></el-table-column>
            <el-table-column prop="construction" label="主要参建单位" ></el-table-column>
            <el-table-column prop="taskNum" label="正在进行任务数量"></el-table-column>
            <el-table-column prop="finish" label="完成进度">
                <template slot-scope="scope">
                    <!-- <el-button size='small' :type="scope.row.finish ==='1' ? 'danger' : 'success'"   circle></el-button>  -->
                    <el-progress :percentage= "scope.row.finish" ></el-progress>
                </template>
            </el-table-column>
            <el-table-column fixed="right" label="操作" width="300">
                <template slot-scope="scope">
                    <el-button @click="dialogAsset(scope.row)" type="primary" icon="el-icon-tickets" size="small">项目甘特图</el-button>
                    <el-button @click="dialogAsset1(scope.row)" type="primary" icon="el-icon-tickets" size="small">项目进度详情</el-button>
                </template>
            </el-table-column>
        </el-table>
    </div>

    <!-- 项目进度弹窗 -->
    <el-dialog width="60%" :title="dialogAssetAdd.title" :visible.sync="dialogAssetAdd.status">
        <img :src='imgUrl'>
    </el-dialog>
    <el-dialog width="1000px" :title="dialogAssetAdd1.title" :visible.sync="dialogAssetAdd1.status">
        <el-table :data="planData" border style="width: 100%" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
            <el-table-column prop="status" label="节点状态" >
                <template slot-scope="scope">
                    <el-button size='small' :type="scope.row.status ==='1' ? 'danger' : 'success'"   circle></el-button>
                </template>
            </el-table-column>
            <el-table-column prop="serialNo" label="序号" ></el-table-column>
            <el-table-column prop="node" label="关键节点"></el-table-column>
            <el-table-column prop="startTime" label="计划开始时间" ></el-table-column>
            <el-table-column prop="endTime" label="计划结束时间" ></el-table-column>
            <el-table-column prop="time" label="计划工时" ></el-table-column>
            <el-table-column prop="condition" label="前置条件" ></el-table-column>
            <el-table-column prop="department" label="责任部门" ></el-table-column>
        </el-table>

    </el-dialog>
</div>
